<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>选择器</title>
  <style>
    /*
    网页中所有都匹配，最先加载
    */
    * {
      font-size:20px;
      color:#f00;
    }
    /*标签选择器，表示网页中所有的p标签都使用这个样式*/
    p {
      color:#030;
    }
    /*
    选择class为l1的所有li标签
    */
    li.l1 {
      color:#039;
    }
    li.l2 {
      color:#832;
    }
    /*为id为t1的标签写样式*/
    #t1 {
      color:#000;
    }
    /*层级选择器,只要是id为d1中的所有span都满足要求，不论多少级*/
    #d1 span {
      color:#009;
    }
    /*
    单层选择器，只有d1中的第一级的span有这个样式
    */
    #d1 > span {
      color:#090;
    }
    /*层级选择器的样式比类选择器广*/
    span.s1 {
      color:#990;
    }
  </style>
</head>
<body>
  <ul>
    <li class="l1" id="t1">测试列表1</li>
    <li class="l1">测试列表2</li>
    <li class="l2">测试列表3</li>
    <li class="l2">测试列表4</li>
  </ul>
  <p>测试段落</p>
  <div id="d1">
    那些<span class="s1">触动你灵魂的歌曲</span>历经了百年的口口相传像草野之民硬过石头 发芽生长--
      <div>
      《像草一样》【乐队介绍】<span class="s1">苏阳乐队</span>这个被称为“国内最好的土根性乐队”成立于2003年夏，是一支极具地方特色的摇滚乐队，也是中国摇滚界的新生代力量，一如既往地走民族化的道路，坚持民间和本土 音乐的融合，民乐和现代音乐的融合，把民族摇滚音乐放在平民化场合，延续正在发芽的草根音乐。这是一个以民族摇滚融合见长的乐队，苏阳是乐队的核心，作为一名不肯停止思考的音乐人，苏阳以坚定的脚步，找到了一个更真实更具生命力的方向，那便是以宁夏花儿为基调、以摇滚元素为结构的音乐之路
      </div>
  </div>
</body>
</html>